.meal-page { background:#fff; min-height:100vh; padding-bottom: 150rpx; }
.top { height: 100rpx; display:flex; align-items:center; padding: 0 24rpx; }
.back { width: 60rpx; text-align:center; font-size: 36rpx; color:#333; }
.title { font-size: 36rpx; font-weight: 800; color:#1f2d3a; }
.search-line { padding: 0 24rpx; }
.search-input { height: 72rpx; background:#f2f4f7; border-radius: 999rpx; display:flex; align-items:center; padding: 0 20rpx; margin: 14rpx 0; }
.icon { color:#9aa; margin-right: 10rpx; }
.qr { margin-left: 10rpx; color:#9aa; }
.quick-row { display:flex; gap: 20rpx; padding: 10rpx 24rpx 0; }
.qbtn { flex:1; background:#e8f6ef; color:#10b981; border-radius: 16rpx; text-align:center; padding: 16rpx 0; }
.content { display:flex; height: calc(100vh - 360rpx); }
.left-tabs { width: 180rpx; background:#f6f7f9; }
.tab { padding: 26rpx 24rpx; color:#6c7b88; }
.tab.active { background:#fff; color:#10b981; font-weight: 800; border-left: 6rpx solid #b6f1d9; }
.right-list { flex:1; padding: 0 24rpx; }
.section-title { padding: 20rpx 0; font-weight: 800; color:#1f2d3a; }
.food-item { display:flex; align-items:center; padding: 24rpx 0; border-bottom: 1rpx solid #f0f2f5; }
.thumb { width: 110rpx; height: 110rpx; border-radius: 16rpx; background:#f3f4f6; margin-right: 18rpx; }
.meta { flex:1; }
.name { font-size: 32rpx; font-weight: 800; color:#222; }
.sub { margin-top: 8rpx; color:#9099a6; }
.dot { width: 16rpx; height: 16rpx; border-radius: 50%; margin-right: 18rpx; }
.dot.green { background:#10b981; }
.add { width: 56rpx; height: 56rpx; border-radius: 50%; background:#f0f7f4; color:#10b981; display:flex; align-items:center; justify-content:center; }
.footer { position: fixed; left:0; right:0; bottom: 0; background:#fff; padding: 16rpx 24rpx 30rpx; display:flex; justify-content:space-between; align-items:center; box-shadow: 0 -6rpx 18rpx rgba(0,0,0,.04); }
.meal-switch { display:flex; align-items:center; gap: 8rpx; color:#6b7b8c; }
.primary { width: 320rpx; height: 88rpx; background:#10b981; color:#fff; border-radius: 999rpx; display:flex; align-items:center; justify-content:center; font-size: 32rpx; }

